<template>
  <!-- 书写html结构 -->
  <div>
    <!-- 导航栏 -->
    <van-nav-bar
      title="添加车辆"
      left-text="返回"
      left-arrow
      @click-left="jump('home')"
    />

    <van-cell-group>
      <van-field
        v-model="car"
        error
        required
        label="车牌号"
        placeholder="请输入车牌号"
      />
      <van-field
        v-model="uaer"
        required
        error
        label="姓名"
        placeholder="请输入姓名"
      />
      <van-field
        v-model="phone"
        required
        error
        label="手机号"
        placeholder="请输入手机号"
      />
    </van-cell-group>

    <van-dropdown-menu>
      <van-dropdown-item v-model="value1" :options="option1" />
    </van-dropdown-menu>
    <br><br><br><br><br><br><br><br>
    <van-button round type="info" style="width: 80%;">确定</van-button>
    <br><br>
    <van-button round type="info" style="width: 80%;">我的车辆</van-button>


  </div>
</template>

<script>
  //书写组件配置项目 相当于写js代码的地方
  //要求template必须有且只有一个根元素，如果有两个就不知道绑定那个
  export default {
    //export default 相当于过去的new vue ({el:"#div"})
    //全部都是json格式

    props: {
      //注册属性，用来父子组件传递参数使用
    },
    data() {
      //定义数据的地方
      return {
        value1: 0,
        option1: [
          { text: "请选择门店", value: 0 },
          { text: "新款商品", value: 1 },
          { text: "活动商品", value: 2 },
        ],
      };
    },
    created() {
      //生命周期  创建后要做的事情  vue被创建时候执行的
    },
    mounted() {
      // 生命周期  挂载完成后
    },
    methods: {
      //  方法事件处理
      jump(uri) {
        this.$router.push(
          uri,
          () => {},
          () => {}
        );
      },
    },
    components: {
      // 组件注册的地方 相当于pom文件
    },
  };
</script>

<style></style>
